<!DOCTYPE html>
<html lang="en">

<?php
	require_once("administrative/clases/funciones.php");
	$plantilla = new Funciones;
	echo $plantilla->headerPagina('CEMA - INICIO',0); 
	?>

<script>
window.onload = datos1();
	function datos1()
	{
	 
var fd = new FormData();
fd.append("tipo", "32");
	$.ajax({
url: "administrative/clases/Intermedio.php",
type: "POST",
data:  fd,
contentType: false,
cache: false,
processData:false,
success: function(data){
$("#noti").html(data);
datos2();
},
error: function(){} 	        
});
	}

function datos2() {
	 
var fd = new FormData();
	fd.append("tipo", "43");
	$.ajax({
		url: "administrative/clases/Intermedio.php",
		type: "POST",
		data:  fd,
		contentType: false,
		cache: false,
		processData:false,
		success: function(data){
		$("#slider").html(data);
		},
		error: function(){} 	        
		});
}
	
</script>
		


    <!-- Header Carousel -->
	<header id="myCarousel" class="carousel slide">
	
	<!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
	<div class="carousel-inner" id="slider">
			

	</div>
	
	<!-- Controls -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="icon-next"></span>
        </a>
	</header>

    <!-- Page Content -->
    <div class="container">

        <!-- Marketing Icons Section -->
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">
                    Bienvenidos al Centro de Estudios del Mar y Acuicultura
						<small>CEMA</small>
                </h1>
				<ol class="breadcrumb">
                    <li><a class="active">Inicio</a>
                    </li>
                </ol>
				
				<p align="justify">Somos un Centro Regional Universitario, líder en el ámbito nacional, formado por un equipo de trabajo multidisciplinario, 
				especializado en la formación vanguardista de profesionales competitivos en la producción, conservación y administración sustentable 
				de los recursos hidrobiológicos. Participamos en el análisis de problemas, proponiendo soluciones para coadyuvar en el desarrollo 
				humano integral de la sociedad guatemalteca, mediante la investigación científica, la docencia, la extensión, le prestación de servicios 
				de calidad y la divulgación del conocimiento.
					<br/>
					
				</p>
				
            </div>
        </div>
        
        <!-- /.row -->
<!------------------------------------------------- INICIO DE LAS NOTICIAS ---------------------------------------------------->
		
		<div class="row">
            <div class="col-lg-12">
                <h2 class="page-header">ULTIMAS NOTICIAS</h2>
            </div>
			<div class="col-md-6">
				<div class="panel panel-default">
				<div class="panel-heading"> <span class="glyphicon glyphicon-list-alt"></span><b>Noticias</b></div>
					<div class="panel-body">
					<div class="row">
					<div class="col-xs-12">
					
					<div id="noti">
					</div>
					
					</div>
					</div>
					</div>
					<div class="panel-footer"> </div>
				</div>
			</div>
			<div class="col-md-6">
			
                <img class="img-responsive" src="img/escudo_usac.png" width="70%" align="right">
            </div>
		</div>	
			
<!-------------------------------------------------------------- FIN DE LAS NOTICIAS -------------------------------------------------->

        <?php
	echo $plantilla->footerPagina();
	?>

    </div>
    <!-- /.container -->

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
	
	<script src="js/jquery.bootstrap.newsbox.min.js"></script>
    <!-- Script to Activate the Carousel -->
    
</body>

</html>
